<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>Hello APP</title>
    <link rel="stylesheet" type="text/css" href="css/api.css" />
    <link rel="stylesheet" href="css/aui.css" />
    <link rel="stylesheet" href="css/aui-slide.css" />
    <link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<header class="aui-bar aui-bar-nav" style="background: #fff;">
    <a class="aui-pull-left aui-btn" href="#" style="border-right:1px solid #aeaeae;height: 28px;margin-top: 12px;color: #666;font-size: 0.7rem;">
        区域ⅴ
    </a>
    <div class="aui-title community-name" style="right: 3rem;left: 3rem;">免费发帖</div>
</header>
<div id="aui-slide3">
    <div class="aui-slide-wrap" >
        <div class="aui-slide-node bg-dark">
            <img src="./image/banner4.jpg" />
        </div>
    </div>
    <div class="aui-slide-page-wrap"><!--分页容器--></div>
</div>
<section class="sec-nav aui-grid aui-margin-b-15" style="margin-bottom: 0 !important;">
    <div class="aui-row">
        <a href="post-xq.html" class="navv-a aui-col-xs-4" style="padding: 0.5rem;">
            <img class="navv" src="image/post1.png" alt="">
            <div class="navv-txt aui-grid-label">住房车位租</div>
        </a>
        <a href="post-xq.html" class="navv-a aui-col-xs-4" style="padding: 0.5rem;">
            <img class="navv" src="image/post2.png" alt="">
            <div class="navv-txt aui-grid-label">住房车位卖</div>
        </a>
        <a href="post-xq.html" class="navv-a aui-col-xs-4" style="padding: 0.5rem;">
            <img class="navv" src="image/post3.png" alt="">
            <div class="navv-txt aui-grid-label">社区招聘</div>
        </a>
        <a href="post-xq.html" class="navv-a aui-col-xs-4" style="padding: 0.5rem;">
            <img class="navv" src="image/post4.png" alt="">
            <div class="navv-txt aui-grid-label">社区跳蚤</div>
        </a>
        <a href="post-xq.html" class="navv-a aui-col-xs-4" style="padding: 0.5rem;">
            <img class="navv" src="image/post5.png" alt="">
            <div class="navv-txt aui-grid-label">陌生约玩</div>
        </a>
        
    </div>
</section>
<div style="width: 100%;height: 3.5rem;background: #eceef3;"></div>
<footer class="aui-bar aui-bar-tab" id="footer">
    <a href="index.html" class="ft-act aui-bar-tab-item aui-active" tapmode>
        <div class="img">
        </div>
        <div class="aui-bar-tab-label">首页</div>
    </a>
    <a href="72.html" class="aui-bar-tab-item" tapmode>
        <div class="img">
        </div>
        <div class="aui-bar-tab-label">72实体店</div>
    </a>
    <a href="contact.html" class="aui-bar-tab-item" tapmode>
        <div class="img">
        </div>
        <div class="aui-bar-tab-label">联系我们</div>
    </a>
</footer>
</body>
<script type="text/javascript" src="script/api.js"></script>
<script type="text/javascript" src="script/aui-slide.js"></script>
<script type="text/javascript" src="script/jquery-2.1.4.min.js"></script>
<script type="text/javascript">
    

        
        
        var slide = new auiSlide({
    container:document.getElementById("aui-slide3"), //容器
    // "width":300, //宽度
    "height":180, //高度
    "speed":500, //速度
    "autoPlay": 3000, //自动播放
    "loop":true,//是否循环
    "pageShow":true,//是否显示分页器
    "pageStyle":'line', //分页器样式，分dot,line
    'dotPosition':'center' //当分页器样式为dot时控制分页器位置，left,center,right
})

var ygd = 2;
var index = 0;
     function gundong(){
       
        var gs = $(".hot-box .top .list a").length;
        var cd = gs-2;
        if (index==cd) {
            ygd = 0;index = 0;
        }else{ygd+=2;index+=1;}

        $(".hot-box .top .list").css("margin-top","-"+ygd+"rem");

     }

     setInterval("gundong()", 3000);

    
</script>
</html>